<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <!-- meta使用viewport以确保页面可自由缩放 -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="utf-8" />
    <!-- 引入 jQuery Mobile 样式 -->
    <link rel="stylesheet" href="http://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css">

    <!-- 引入 jQuery 库 -->
    <script src="http://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>

    <!-- 引入 jQuery Mobile 库 -->
    <script src="http://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>



    <title>教务管理系统</title>
</head>
<body>

<div data-role="page" id="finalDetail">

    <!-- 面板 -->
    <div data-role="panel" id="panel_2">
        <a href="/index" data-ajax="false" class="ui-btn ui-icon-home ui-btn-icon-left">主页</a>
        <a href="/coursetablemobile" data-ajax="false" class="ui-btn ui-icon-lock ui-btn-icon-left">查看课表</a>
        <a href="/selectcoursemobile" data-ajax="false" class="ui-btn ui-icon-info ui-btn-icon-left">自主选课</a>
        <a href="/gradeinfomobile" data-ajax="false" class="ui-btn ui-icon-info ui-btn-icon-left">成绩查询</a>
        <a href="/StuLookThroughQuesMobile" target="_self" class="ui-btn ui-icon-home ui-btn-icon-left">论题列表</a>
        <a href="/StuChoiceMobile" target="_self" class="ui-btn ui-icon-lock ui-btn-icon-left">我的论题</a>
        <a href="/StuScoreMobile"  target="_self" class="ui-btn ui-icon-lock ui-btn-icon-left">我的成绩</a>
    </div>

    <!-- 头部 -->
    <div data-role="header">
        <a href="#panel_2" class="ui-btn ui-shadow ui-corner-all ui-icon-bullets ui-btn-icon-notext">更多</a>
        <h1>论题详情</h1>
    </div>

    <!-- 主体 -->
    <div data-role="main" class="ui-content">
        <ul data-role="listview" data-inset="true">
            <li>
                <p  style="color:green; font-size: 20px" th:if="${isChosen==true && session.user.getAccount()!=quesInfo.sno}" >已申请</p>
                <p th:if="${session.user.getAccount()==quesInfo.sno}" style="color: green;font-size: 20px">我的论题</p>
                <h2 th:text="|[${quesInfo.questionid}]${quesInfo.topic}|"></h2>
                <p th:text="'难度:'+ ${quesInfo.difficulty}"></p>
                <p style="font-size: 15px;" th:text="${quesInfo.content}"></p>
                <div style="font-size: 15px;">
                    <h3>教师信息</h3>
                    <p th:text="|工号：${teaInfo.tno}|"></p>
                    <p th:text="|姓名：${teaInfo.tname}|"></p>
                    <p th:text="|性别：${teaInfo.sex}|"></p>
                    <p th:text="|电话：${teaInfo.phone}|"></p>
                    <p th:text="|邮箱：${teaInfo.email}|"></p>
                    <p th:text="|办公地址：${teaInfo.office}|"></p>
                    <p th:text="|职称：${teaInfo.rank}|"></p>
                </div>
                <div style=" text-align: center;">
                    <a width="40%" class="ui-btn ui-btn-inline ui-corner-all ui-shadow"
                       th:if="${isChosen==false}"
                       th:href="@{'/StuChooseQuesMobile?questionid='+${quesInfo.questionid}}" target="_self">选择</a>
                </div>
            </li>
        </ul>
    </div>

    <!-- 底部 -->
    <div data-role="footer">
        <h1>版权所有</h1>
    </div>
</div>


</body>
</html>